<template>
  <div class="home">
    <h3 class="title">首页</h3>
    <ShowBoxs></ShowBoxs>
    <div class="chartBox">
      <Chart></Chart>
      <Cricle></Cricle>


    </div>
    <div class="chartBox2">
    <Echarts2></Echarts2>
    <Echarts3></Echarts3>
    </div>
  </div>
</template>

<script>
import ShowBoxs from '@/views/home/showBox.vue'
import Chart from "@/views/home/Chart.vue";
import Cricle from "@/views/home/cricle.vue";
import Echarts2 from "@/views/home/echarts2.vue";
import Echarts3 from "@/views/home/echarts3.vue";

export default {
  name: 'HomeView',
  components: {
    Chart,
    ShowBoxs,
    Cricle,
    Echarts2,
    Echarts3,


  }
}
</script>
<style scoped lang="less">
.title {
  line-height: 30px;
  text-align: left;
  margin: 0;
  margin-bottom: 15px;
}
.chartBox{
  margin-top: 20px;
  display: flex;
}
.chartBox2{
  margin-top: 20px;
  display: flex;
}
</style>
